import React from 'react';
import {Divider} from 'antd';
import {
    ColumnHeightOutlined,
    FullscreenOutlined,
    UndoOutlined,
    SettingFilled
} from '@ant-design/icons';

import './styles.less';

class TableNav extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        const {title, children} = this.props;
        return (
            <div className="table-nav-container">
                <div className="table-title">
                    {title}
                </div>
                <div className="table-nav">
                    {children}
                    <Divider type="vertical"/>
                    <ColumnHeightOutlined />
                    <FullscreenOutlined />
                    <UndoOutlined/>
                    <SettingFilled />
                </div>
            </div>
        )
    }
}

export default TableNav;